<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="https://code.jquery.com/jquery-3.4.1.min.js">
    </script>
</head>

<body>
    <p id="p1"></p>
    <p id="p2"></p>

    <!-- 使用JS原生语法 -->
    <script>
            window.onload = function(){
            // 通过原生JS语法获取id为imooc1的元素p
			var p = document.getElementById('p1');
            // 将元素p在html中内容改变
			p.innerHTML = '我是P1';
            // 将元素p的内容颜色改为红色
			p.style.color = 'red';	
    	}
    </script>
    <!-- 使用jquery -->
    <script>
     $(document).ready(function (){
         var p2 = $("#p2");
         p2.html("我是P2").css('color','red');
     })
    </script>
</body>

</html>